<template>
    <div class="tradingsystem">
        <Tabs value="name1">
            <TabPane label="交易记录" name="name1">
                <tradingsystem></tradingsystem>
            </TabPane>
            <TabPane label="决策动态" name="name2">
                <decision></decision>
            </TabPane>
            <TabPane label="交易对信息" name="name3">
                <hedginginfo></hedginginfo>
            </TabPane>
            <TabPane label="交易对配置" name="name4">
                <hedgingsetting></hedgingsetting>
            </TabPane>
        </Tabs>
    </div>
</template>
<script>
import tradingsystem from './tradingsystem'
import hedgingsetting from './hedgingsetting'
import decision from './decision'
import hedginginfo from './hedginginfo'
export default {
    data(){
        return {

        }
    },
    components:{
        tradingsystem,
        hedgingsetting,
        decision,
        hedginginfo
    }
}
</script>
<style>
.tradingsystem .ivu-tabs-bar{
    position: relative;
    height: 36px
}
.tradingsystem .ivu-tabs-bar .ivu-tabs-nav-container{
    position: absolute;
    left: 50%;
    margin-left: -132px;
}
</style>
